<template>
  <div id="user-about">
    <UserTemplate>
      <div class="scroll">
        <About class="scroll-list"/>
      </div>
    </UserTemplate>
  </div>
</template>

<script>
import UserTemplate from "@/components/user/template/UserTemplate";
import About from "@/components/blog/blogs/About";

import {auth} from "@/network/userRequest";

export default {
  name: "UserAbout",
  components: {
    UserTemplate,
    About
  },
  created() {
    auth();
  }
}
</script>

<style scoped>
#user-about {
  height: 100%;
}

.scroll {
  overflow: auto;
  position: absolute;
  top: 50px;
  left: 30%;
  width: 70%;
  height: 95%;
}

.scroll-list {
  width: 70%;
  margin-top: 10px;
  margin-bottom: 90px;
}
</style>